	<div id="pagewrap">
			
			<!-- Site header and navigation -->
			<div id="header">
				<ul id="navigation">
					<li><a class="about" href="#about"><img src="images/icon-about.png" alt="About"></a></li>
					<li><a class="work" href="#work">work</a></li>
					<li><a class="social" href="#social"><img src="images/icon-social.png" alt="Social"></a></li>
					<li><a class="contact" href="#contact"><img src="images/icon-contact.png" alt="Contact"></a></li>
				</ul>
			</div>
			
			<!-- Site content -->

			<div id="content">
				<div id="about" class="page">
					<div class="left">
						<img src="images/author-photo.png" alt="photo">
					</div>
					<div class="right">
						<h2>Hi there! Welcome to my site...</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod <a href="#">tempor incididunt</a> ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. At vero eos et accusamus et iusto odio dignissimos, ducimus qui blanditiis.</p>
						<h3>Services I provide:</h3>
						<ul>
							<li><img src="images/icon-print.png" alt="Print Design">Print Design</li>
							<li><img src="images/icon-webdesign.png" alt="Web Design">Web Design</li>
							<li><img src="images/icon-development.png" alt="Development">Development</li>
						</ul>
					</div>
				</div>

				<div id="work" class="page">
					<div class="left">
						<img src="images/image-feature.jpg" alt="Featured project">
						<h3><a href="#">Featured Project</a></h3>
						<p>Lorem ipsum dolor sit amet, consec tetur adipisicing elit...</p>
					</div>
					<div class="right">
						<p>Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
						<h3>Print Design:</h3>
						<ul id="work01">
							<li><a href="images/image01.jpg"><img src="images/logo01.jpg" alt="logo01"></a></li>
							<li><a href="images/image02.jpg"><img src="images/logo02.jpg" alt="logo02"></a></li>
							<li><a href="images/image03.jpg"><img src="images/logo03.jpg" alt="logo03"></a></li>
							<li><a href="images/image04.jpg"><img src="images/logo04.jpg" alt="logo04"></a></li>
						</ul>
						<h3>Web Design:</h3>
						<ul id="work02">
							<li><a href="images/image05.jpg"><img src="images/web01.jpg" alt="web01"></a></li>
							<li><a href="images/image06.jpg"><img src="images/web02.jpg" alt="web02"></a></li>
							<li><a href="images/image07.jpg"><img src="images/web03.jpg" alt="web03"></a></li>
							<li><a href="images/image08.jpg"><img src="images/web04.jpg" alt="web04"></a></li>
						</ul>
					</div>
				</div>
	
				<div id="social" class="page">
					<div class="left">
						<p class="tweet-text">Blanditiis praesentium deleniti atque corrupti quos dolores et quas molestias <a href="http://www.google.com/mail">http://www.google.com/mail</a>.</p>
						<p class="tweet-meta"><a href="#">- 12 hours ago</a></p>
					</div>
					<div class="right">
						<ul>
							<li class="facebook"><a href="#"><img src="images/icon-facebook.png" alt="facebook"> facebook</a></li>
							<li class="flickr"><a href="#"><img src="images/icon-flickr.png" alt="flickr"> flickr</a></li>
							<li class="delicious"><a href="#"><img src="images/icon-delicious.png" alt="delicious"> delicious</a></li>
							<li class="lastfm"><a href="#"><img src="images/icon-lastfm.png" alt="last.fm"> last.fm</a></li>
							<li class="stumbleupon"><a href="#"><img src="images/icon-stumbleupon.png" alt="Stumbleupon"> stumbleupon</a></li>
							<li class="digg"><a href="#"><img src="images/icon-digg.png" alt="digg"> digg</a></li>
						</ul>
					</div>
				</div>
	
				<div id="contact" class="page">
					<div class="left">
					<h3>Drop me a note</h3>
						<form method="post" action="#">
							<ul>
								<li class="msgname"><label for="Name">Name: </label><input type="text" name="Name" id="Name"></li>
								<li><label for="Email">E-mail: </label><input type="text" name="Email" id="Email"></li>
								<li><label for="Message">Message: </label><textarea name="Message" id="Message" rows=2 cols=2></textarea></li>
								<li><input class="send" type="submit" name="submit" value="Send"></li>
							</ul>
						</form>
					</div>
					<div class="right">
						<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione. Omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
						<p>Consequuntur magni dolores eos qui ratione mnis iste natus. Voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia.</p>
						<div id="contactinfo">
							<p>Address line 1, line 2, City, XY, 12345</p>
							<p>123-456-7890</p>
							<p><a href="#">info@company.com</a></p>
						</div>
					</div>
				</div>
			</div>

			<div id="footer">
				<p>&copy; Copyright notice here  </a></p>
			</div>
		</div>